@charset "utf-8";
.q_warp {min-height: 100%;  margin-bottom: -60px;}
/* sidebar s*/
.sidebar { width: 270px; padding: 30px 15px;  border: 1px solid #eee; background-color: #fafafa;}
.sidebar .sidebar-title { color: #666;}
.sidebar .sidebar-content p {margin-bottom: 20px;color:#999;}
.sidebar .sidebar-content a {color:#8da5d1;}
.sidebar .sidebar-content p:last-child {margin-bottom: 0;}
/* sidebar e*/

.ql-left {  padding-right:40px;}
.ql-apart { width:650px;}
.ql-apart .markdown-body { font-size: 12px;}
.ql-nav ul li{ list-style: none;  float: left;}
/* discuss & topic s */
.vote-warp { width: 70px;}
.ql-qa-warp {width: 570px;}
.ql-qa-warp.item { border-bottom: 1px solid #eee;}
.ql-qa-answer-count { margin-top:50px;padding-bottom:10px;border-bottom: 1px solid #eee;}
.ql-qa-title {  font-size: 18px; color:#333;font-weight: 700;}
.operate { color: #999;  line-height:22px;}
.operate a{ color: #999; margin-left: 10px;  position: relative;}
.operate a:hover{ text-decoration: underline; color: #2e57a4;}
.operate img.icon-answer {  margin-right:5px;  }
.ql-qa-user img,.ql-qa-item .ql-qa-user-avatar img{ width:30px;height:30px;}
.ql-qa-user .ql-qa-user-name { font-size: 13px;  font-weight:700; vertical-align: middle; color:#333; margin-right: 5px;}
.ql-qa-item {  margin-top: 30px;  }
.ql-qa-item .ql-qa-user-link { font-size: 14px;color:#000; font-weight: 700;}
.ql-qa-item .sign ,.ql-qa-item .statistics{ color: #999;}
.ql-qa-item .statistics { margin-top: 10px;}
.ql-qa-item .ql-qa-entry-content { word-wrap: break-word; }

.ql-edit-warp > form { width:570px; margin-left: 70px;}
.ql-edit-warp > h3 { font-size: 14px; font-weight: 700;  padding-left: 70px;}
.ql-btn { background: #2e57a4; color: #fff; }

.ql-q-list-item {  padding:15px 0;}
.ql-discuss-nav li a{ display: block;  padding: 0 25px 7px 25px;  font-weight: 700; font-size: 16px; color: #333;}
.ql-discuss-nav li:first-child a{  padding-left: 0;}
.ql-discuss-nav li a.active, .ql-discuss-nav li a:hover{color: #2e57a4;}
.qa-a-count ,.qa-view-count{width: 60px;height: 60px;text-align: center;margin-right: 8px;padding: 0;border-radius: 3px;border: 1px solid #eee;  }
.qa-a-count {background: #f6f9f9;}
.qa-view-count {  background: #fff;}
.qa-a-count-data ,.qa-view-count-data{  font-size: 16px;font-weight: 700;  display: block;  margin-top: 10px;  }
.qa-view-count-pad, .qa-a-count-pad { font-size: 12px; color: #666;display: block;margin-top: -7px;}
.qa-q-item-main { width:500px;padding:5px 0;margin-left: 10px;}
.qa-q-item-title a{font-size: 18px;color: #333;}
.qa-q-item-meta , .qa-q-item-meta a{  color: #999;  }
/* discuss & topic e */

/* vote s*/
.vote {  width: 50px; margin-top:20px; }
.vote .up span.count {  display: block; color: #333; }
.vote .up, .vote .down {
    color: #fff;
    height: 24px;
    line-height: 24px;
    width: 50px;
    border-radius: 3px;
    border: 0;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    position: relative;
    outline: none;
}
.vote .up:hover, .vote .down:hover{ background:#e5ebef; }
.vote button[disabled]:hover {background: #fafafa;cursor: default;}
.vote .up {  height:44px;  }
.vote .vote_arrow{ height: 6px;  display: block;  text-align: center;  width: 10px;  margin: 0 auto;}
.vote .down { margin-top: 5px; height: 24px;}
.vote .down .vote_arrow {   background: url("../img/down.png");    -webkit-background-size: 100%;  background-size: 100%;}
.vote .up .vote_arrow {   background: url("../img/up.png");    -webkit-background-size: 100%;  background-size: 100%;}
/* vote e*/

/* popover s*/
.popover {  border:1px solid rgba(0,0,0,.1);  z-index: 111;  }
/*.popover-content { padding: 0;}*/
.ql-popover {  position: absolute;  background: #fff;  border: 1px solid #eee;z-index: 11;
    -webkit-box-shadow: 0 8px 16px  rgba(0,0,0,.1);
    -moz-box-shadow: 0 8px 16px  rgba(0,0,0,.1);
    box-shadow: 0 8px 16px  rgba(0,0,0,.1);
    display: none;
}
.ql-popover.left{ left: 425px;}
.ql-popover:after,.ql-popover:before { content: ''; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid dashed dashed dashed;}
.ql-popover.bottom:after { top: -20px; left:20px; z-index: 1;  border-color: transparent transparent #fff transparent;}
.ql-popover.bottom:before { border-color: transparent transparent #eee transparent;  top: -21px;  left: 20px;}
.ql-popover.bottom.left:after, .ql-popover.bottom.left:before { left:220px;}
.ql-popover.bottom.right:after { top: 100px; left: -20px; z-index: 1;  border-color: transparent #fff transparent transparent;}
.ql-popover.bottom.right:before { border-color: transparent #eee transparent transparent;  top: 100px;  left: -20px;}
.namecard-main {  text-align: center;  line-height: 24px;  width: 250px;  }
.namecard-main img {  width: 70px;  height: 70px;  border-radius: 70px;  margin: 20px;  }
.namecard-name {  font-size: 18px;  font-weight: bold;  color: #333;  }
.namecard-job {  font-size: 14px;  color: #666;  font-style: normal; white-space: pre-wrap;  word-break: break-all;  padding: 10px; }
.namecard-numbers { padding: 7px 0; margin-top: 10px; background: #fafafa;}
.namecard-numbers > div {  width: 47.5%;  display: inline-block;  color: #999;  }
.namecard-numbers > div.vertical { width: 1px; height:22px; background: #eee; margin-bottom: 5px;}
.namecard-numbers > div span {  color: #999;  font-size: 12px;  }
.namecard-numbers > div span.num {  display:block; margin-top: -5px; font-size: 18px;  font-weight: 700;  color: #333;  }
.namecard-numbers .slike {}
/* popover e*/

/* profile center s */
.profile-avatar img { width:90px; height: 90px; margin:20px;}
.profile-info { padding-top: 30px;  margin-left:130px;}
.profile-name { font-size: 20px;  font-weight: 700; color: #333; min-height: 34px;}
.profile-other .item, .profile-sign { color: #666;}
.profile-other .item+.item { border-left: 1px solid #ddd;  margin-left:15px; padding-left: 15px;}
.profile-sign { line-height: 60px;}
.profile-badges .items { padding: 2px 0;}
.profile-badges .items .icon{ width: 28px; height: 28px; margin-right: 10px;}
.profile-badges .items b {  margin-right: 20px; font-size:14px; color: #333;}
.profile-badges .u-btn {padding: 3px 6px;  font-size: 14px; text-align: center;  cursor: pointer;  border: 1px solid;  border-radius: 4px;}
/* profile center e */

/* profile follow s */
.follow-bar { width: 270px;}
.follow-line { border-bottom: 1px solid #eee; padding-top: 10px;}
.follow-line .normal{ color: #999;}
.follow-line a{ text-decoration: none;}
.follow-num, .follower { width: 120px; display: block;  float: left; padding-bottom: 10px;}
.follow-num strong, .follower strong { font-size: 24px;}
.follower { padding-left:30px;}
.follow-bottom { margin-top: 21px;}
/* profile follow e */

/* profile bar s*/
.profile-bar .profile-bar-item{ padding: 20px 25px; font-size: 16px; color: #333;  font-weight: 700; text-decoration: none;}
.profile-bar .profile-bar-item:hover,
.profile-bar .profile-bar-item.active{ color: #2e57a4;}
.profile-bar .profile-bar-item .num{ color: #999;}
/* profile bar e*/

/* profile section s*/
.profile-section .nothing { font-size: 14px; vertical-align: middle; color: #999; text-align: center; height: 170px; line-height: 170px; }
.profile-section-header { font-size: 14px; color: #333;}
.profile-section-header .target{ display: block; color: #333;}
.profile-section-content .item { padding: 15px 20px;  overflow: hidden;}
.profile-section-content .item+.item { border-top: 1px solid #eee;}
.profile-section-content .item .vote { margin-top: 0;}
.profile-section-content .item .type { padding: 10px 0; line-height: 30px; font-size: 14px; color: #999;}
.profile-section-content .item .title a{ font-size: 18px; font-weight: 700; color: #333;}
.profile-section-content .item .time { color: #999;}
.profile-section-content .item .detail.capture { margin-left: 40px;}/*攻克*/
.profile-section-content .item .detail.answer { margin-left: 80px;}/*回答*/

/* profile section e*/

/* rank s*/
.rank-search input { padding: 0 10px; line-height: 28px; border: 1px solid #eee;  float: left; outline:none;}
.rank-search button { width: 70px; height: 30px;  line-height: 30px; border: 1px solid #eee; border-left: none; display: inline-block;
    float: left; text-align: center; font-size: 14px; background: #f6f9f9; color: #666; outline:none; }
.rank-wrap .rank-header { border:1px solid #eee; background:#fafafa;  line-height: 40px; font-size:12px; color: #666; padding: 0 20px;}
.rank-wrap .tag {  display: inline-block; color: #666; vertical-align: middle;}
.rank-wrap .tag.rank { width: 90px;}
.rank-wrap .tag.name { width: 200px;}
.rank-wrap .tag.badges { width: 400px;}
.rank-wrap .tag.solve { width: 120px;}
.rank-wrap .tag.score { width: 90px;}
.rank-wrap .tag.rank-level { width: 30px; text-align: center;}
.rank-wrap .tag.rank-name { width: 100px;}
.rank-wrap .tag.rank-type { width: 65px;}
.rank-wrap .tag.rank-score{ width: 65px;}
.rank-task-item {  padding: 10px 0; border-top: 1px solid #eee;  }
.rank-task-item:nth-child(even) { background: #fafafa;}
.rank-item { padding: 15px 20px; border-bottom: 1px solid #eee;}
.rank-item .rank-num { vertical-align: middle; text-align: center; font-size: 16px; font-weight: 700; color: #666; line-height: 24px; width:24px;height:24px;
 display: inline-block;}
.rank-item .name a{ font-weight: 700; font-size: 16px; color: #000;}
.rank-item .name a:hover { text-decoration: none;}
.rank-item .name a span{ line-height: 40px;  width: 120px;}
.rank-item .name img { width:40px; height: 40px; vertical-align: middle;  margin-right: 12px;}
.rank .color-first { background: #ff8983;}
.rank .color-second { background: #ffc36c;}
.rank .color-third { background: #e5ebef;}
.rank-num.color-first,.rank-num.color-second,.rank-num.color-third{ color: #fff; border:none;}

/* rank e */

/* pageinator s*/
.pagination {  display: block; margin: 50px 0;}
.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
    display: inline;
    line-height: 20px;
}
.pagination ul > li > a, .pagination ul > li > span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #eee;
    /*border-left-width: 0;*/
    cursor: pointer;
    color: #666;
    font-weight: 700;
    margin-left: 3px;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #2e57a4;
    color: #fff;
}
.pagination ul > .active > a, .pagination ul > .active > span {
    color: #fff;
    cursor: default;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
/* pageinator e*/

/* task s */
.task-wrap {  padding-bottom: 10px;  border-bottom: 1px solid #eee;}
.task-header { font-size: 24px; color: #333;  font-weight: 700; }
.task-header .task-score { color: #FF8983;}
.task-header .task-score small{ font-size: 12px; margin-left: 5px; }
.task-writer-wrap { width: 270px;}
.task-writer-avatar { margin-right: 15px;}
.task-writer-avatar img { width: 60px; height: 60px; }
.task-writer-info { margin-left: 75px;}
.task-writer-info i{ margin-right: 5px}
.task-writer-name { font-size: 14px; color: #333;  font-weight: 700;}
.task-writer-name span { border: 1px solid #eee;  -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; color: #999; padding:0 6px; font-size:12px; font-weight: normal;margin-left: 5px;}
.task-writer-apart { color: #666; padding: 20px 0; }
.task-modal {  display: block; background: #fafafa; margin: 0 10px;}
.task-modal img {width:250px; display: block;margin:0 auto;}
.task-writer-h2 { font-size: 14px;}
.task-writer-footer a { font-size: 14px; }
.task-writer-footer .vertical { display: inline-block; width: 1px; height: 16px;  background: #eee; vertical-align: middle; margin: -3px 15px 0;}
/* task e */

/* comment s */
.comment-main .edit {
    width: 100%;
    padding: 9px 13px;
    min-height: 38px;
    min-height: 22px\9;
    line-height: 1.4;
    color: #222;
    cursor: text;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 1px 1px 4px rgba(0,0,0,.1) inset;
    box-sizing: border-box;
    background: #fff;
    outline: 0;
    font-size: 12px;
}
.comment-main .edit.empty:after{
    content: attr(aria-label);
    color: #ccc;
}
.comment-main .command { text-align: right;}
.comment-main .command a{
    display:inline-block;
    padding: 7px 12px;
    margin-top:10px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.comment-main .command a.cancel { background: #999;}
.comment-main .command a.commentBtn { background: #2e57a4; margin-left:20px;}

.comment-list { margin-bottom: 120px;}
.comment-body { width: 610px; }
.comment-body .re{ color:#999; margin: 0 10px; }
.comment-user-avatar { margin-right: 10px;}
.comment-user-avatar img{ width: 30px; height: 30px;}
.comment-body .comment-username { font-size: 14px; font-weight: 700; color: #333;}
.media + .media {  border-top: 1px solid #ddd;  padding-top: 15px;  }
/* comment e */
